/* 版心 */
.container {
    width: 1240px;
    margin: 0 auto;
    /* background-color: pink; */
}
/* <!-- 快捷菜单模块 --> */
.xtx-shortcut {
    height: 52px;
    background-color: #333333;
}
.xtx-shortcut .container {
    height: 52px;
}
.xtx-shortcut ul li {
    float: left;
    line-height: 52px;
    font-size: 14px;
    color: #666666;
}
.xtx-shortcut  a {
    margin: 0 16px;
    color: #dcdcdc;
}
.xtx-shortcut  li:last-child a {
    margin-right: 0;
}
.xtx-shortcut  li:last-child a::before{
    content: '';
    /* 为了伪元素可以设置宽高，需要转换显示方式 */
    display: inline-block;
    width: 11px;
    height: 16px;
     /* 使用margin的单方向设置 */
    margin-top: -3px;
    margin-right: 8px;
    background: url('../images/sprites.png') -160px -69px;
    /* 图标文字居中对齐 */
    vertical-align: middle;
   
}
/* a标签hover之后的效果 */
.xtx-shortcut li a:hover {
    color: #27ba9b;
  }

/* 主导航模块 */
.xtx-main-nav {
    height: 130px;
    /* 设置padding-top，将主导航中的所有内容都挤下去 */
    padding-top: 30px;
    /* 自动内减 */
    box-sizing: border-box;
    /* ps */
    /* background-color: pink; */
}
.xtx-main-nav .logo {
    width: 207px;
    height: 70px;
    /* margin-left: 25px; */
}
.xtx-main-nav .logo a {
    display: block;
    height: 70px;
    background: url(../images/logo.png);
    background-size: 100%;
    /* 让用户在网页中看不到a标签中的文字 */
    font-size: 0;
}

/* 导航 */
.xtx-main-nav nav {
    margin-left: 40px; 
}
.xtx-main-nav li {
    float: left;
    height: 70px;
    line-height: 70px;
    margin-right: 48px;
}
.xtx-main-nav nav a:hover {
    color: #27ba9b;
    padding-bottom: 7px;
    border-bottom: 1px solid #53af9b;
}

/* 搜索 */
.xtx-main-nav .search {
    position: relative;
    margin-top: 24px;
    margin-left: 34px;
}
.xtx-main-nav .search input {
    width: 172px;
    height: 30px;
    padding-left: 31px;
    border-bottom: 2px solid #e7e7e7;
  }
  .xtx-main-nav .search::before {
    content: '';
    position: absolute;
    left: 2px;
    top: 4px;
    width: 18px;
    height: 18px;
    /* ps */
    /* background-color: red; */
    background: url('../images/sprites.png') -80px -70px;
  }
  /* 购物车模块 */
 .xtx-main-nav .cart {
     position: relative;
     width: 23px;
     height: 23px;
     /* background-color: red; */
     background: url('../images//sprites.png') -120px -70px;
     margin-top: 30px;
     margin-left: 15px;
 }
 .xtx-main-nav .cart span {
     position: absolute;
     top: -5px;
     left: 15px;
     width: 20px;
	 height: 15px;
	 background-color: #e26237;
	 border-radius: 8px;
     font-size: 13px;
     color: #fff;
     text-align: center;
     line-height: 15px;
 }

 /* --------------------------- footer */
 footer .xtx-contact {
    border-top: 1px solid #e4e4e4;
 }
 
 .xtx-contact .container {
    height: 300px;
    padding-top: 70px;
    /* 自动内减 */
    box-sizing: border-box;
    /* background-color: pink; */
    
 }
 .xtx-contact .container dl {
     float: left;
     width: 25%;
     height: 192px;
     text-align: center;
     /* 自动内减 */
     box-sizing: border-box;
     color: #999999;
 }

 .xtx-contact .container dt {
    height: 51px;
  }
  /* 将dd统一设置为行内块元素 */
 .xtx-contact .container dd {
    display: inline-block;
    vertical-align: top;
  }

  /* -------------------------客户部分 */
  .customer dd , 
  .follow dd {
     width: 93px;
     height: 92px;
     border: solid 1px #eeeeee;
     font-size: 14px;
     cursor: pointer;
  }
  .customer .chat ,
  .follow .weixin{
      margin-right: 6px;
  }
  .customer .chat::before {
      content: '';
      display: block;
      width: 29px;
      height: 28px;
      background-color: #fff;
      margin: 22px auto 10px;
      background: url('../images/sprites.png') -205px -70px;
  }
  .xtx-contact .chat:hover::before {
    background-position: -250px -70px;
  }
  .customer .feedback::before {
     content: '';
     display: block;
     width: 29px;
     height: 28px;
     background-color: #fff;
     margin: 22px auto 10px;
     background: url('../images/sprites.png') -300px -70px;
  }
  .customer .feedback:hover:before {
    background-position: -350px -70px;
  }
  /*  ----------------------关注我们 */
  .follow .weixin::before {
    content: '';
    display: block;
    width: 36px;
    height: 29px;
    background-color: #fff;
    margin: 23px auto 8px;
    background: url('../images/sprites.png')  -204px -14px;
  }
  .xtx-contact .follow .weixin:hover::before {
    background-position: -249px -14px;
  }
  .xtx-contact .follow .weibo::before {
    content: '';
    display: block;
    width: 36px;
    height: 29px;
    margin: 23px auto 8px;
    background: url('../images/sprites.png') -299px -14px;
  }
  
  .xtx-contact .follow .weibo:hover::before {
    background-position: -349px -14px;
  } 
  /* ----------------下载app */
  .xtx-contact .download {
    border-right: 1px solid #f4f4f4;
  }
  .download .qrcode {
    width: 116px;
	height: 116px;
    border: 1px solid #eeeeee;
    padding: 7PX;
    margin-right: 22px;
    /* 自动内减 */
    box-sizing: border-box;
  }
  .download .qrcode img {
      width: 100%;
      height: 100%;
  }
  .download .info {
      text-align: left;
  }
  .download .info p:nth-child(1) {
      margin-top: 13px;
  }
  .download .info p {
      line-height: 22px;
  }
  .download .info a {
      display: block;
      width: 103px;
	  height: 32px;
	  background-color: #27ba9b;
      text-align: center;
      color: #fff;
      line-height: 32px;
      margin-top: 18px;
  
  }
  /* ----------------服务热线 */
  .hotline p:nth-child(1) {
      font-size: 22px;
      color: #666666;
      margin-top: 22px;
  }
  .hotline p:nth-child(2) {
     color: #999999;
     font-size: 14px;  
  }
  /* ----------------宣传服务 */
  .xtx-service {
    height: 172px;
    background-color: #333;
  }
  .xtx-service .container {
    height: 171px;
    border-bottom: 1px solid #434343;
  }
  .xtx-service a{
    float: left;
    width: 33.33%;
    height: 100%;
    color: #fff;
    font-size: 28px;
    text-align: center;
    line-height: 171px;
  }
  .xtx-service .container a::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 58px;
    height: 58px;
    margin-right: 19px;
    /* ps */
    /* background-color: red; */
    background: url('../images/sprites.png') 0 0;
  }
  .xtx-service a:nth-child(2):before {
    background-position: -131px 0;
  }
  
  .xtx-service a:nth-child(3):before {
    background-position: -65px 0;
  }
  /* -----------------------------xtx-copyright的样式 */
  .xtx-copyright {
    height: 169px;
    padding-top: 41px;
    /* 自动内减 */
    box-sizing: border-box;
    background-color: #333;
    text-align: center;
    color: #999999;
    font-size: 14px;
    line-height: 1;
  }
  .xtx-copyright p:nth-child(1) {
    height: 35px;
  }
  
  .xtx-copyright p:nth-child(1) a {
    color: #999999;
  }
  